<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <style type="text/stylesheet" >
            div.cpanel-left {
                width: 54%;
                float: left;
            }

            /* -- CONTROL PANEL STYLES ----------------------------- */
            #cpanel div.icon {
                text-align: center;
                margin-right: 15px;
                float: left;
                margin-bottom: 15px;
                background-color: #fff;
            }

            #cpanel div.icon a {
                display: block;
                float: left;
                border: 1px solid #eaeaea;
                height: 97px;
                width: 108px;
                color: #565656;
                vertical-align: middle;
                text-decoration: none;
            }

            #cpanel div.icon a:hover,
            #cpanel div.icon a:focus,
            #cpanel div.icon a:active {
                border-left: 1px solid #eee;
                border-top: 1px solid #eee;
                border-right: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
                background: #fbfbfb;
                color: #025A8D;
            }

            #cpanel img {
                padding: 10px 0;
                margin: 0 auto;
            }

            #cpanel span {
                display: block;
                text-align: center;
            }

            div#position-icon.pane-sliders div.pane-down div.icon-wrapper {
                /*margin: 5px 0 5px 0;*/
                margin:auto;
                padding:auto;
            }

            div#position-icon.pane-sliders div.pane-down .icon-wrapper .icon {
                padding: 5px 0 5px 10px;
                margin: 0;
            }

            div#position-icon.pane-sliders .icon {
                background: #fff;
            }


            body {
                margin: 10px;
                padding: 0;
                background: #fff;
                padding-bottom: 1px;
                font-size: 68.8%; /* Set base to 11px */
            }

            body,td,th {
                font-family: Arial, Helvetica, sans-serif;
            }

            body#minwidth-body {
                height: 95%;
                min-width: 960px;
            }

            a,img {
                padding: 0;
                margin: 0;
            }

            img {
                border: 0 none;
            }

        </style>
    </head>
    <body>
        <div class="cpanel-left">
            <div id="cpanel">
                <div class="icon-wrapper">
                    <div class="icon">
                        <a href="index.php?option=com_content&amp;task=article.add">

                            <img src="images/header/icon-48-article-add.png"
                                 alt="" />
                            <span>Add New Article</span>
                        </a>
                    </div>
                </div>
                <div class="icon-wrapper">
                    <div class="icon">
                        <a href="index.php?option=com_content">
                            <img src="images/header/icon-48-article.png"
                                 alt="" />
                            <span>Article Manager</span>
                        </a>
                    </div>
                </div>
                <div class="icon-wrapper">
                    <div class="icon">
                        <a href="index.php?option=com_categories&amp;extension=com_content">

                            <img src="images/header/icon-48-category.png"
                                 alt="" />
                            <span>Category Manager</span>
                        </a>
                    </div>
                </div>
                <div class="icon-wrapper">
                    <div class="icon">
                        <a href="index.php?option=com_media">
                            <img src="images/header/icon-48-media.png"
                                 alt="" />
                            <span>Media Manager</span>
                        </a>
                    </div>
                </div>
                <div class="icon-wrapper">
                    <div class="icon">
                        <a href="index.php?option=com_menus">
                            <img src="images/header/icon-48-menumgr.png"
                                 alt="" />
                            <span>Menu Manager</span>
                        </a>
                    </div>
                </div>
                <div class="icon-wrapper">
                    <div class="icon">
                        <a href="index.php?option=com_users">
                            <img src="images/header/icon-48-user.png"
                                 alt="" />
                            <span>User Manager</span>
                        </a>
                    </div>
                </div>
                <div class="icon-wrapper">
                    <div class="icon">
                        <a href="index.php?option=com_modules">
                            <img src="images/header/icon-48-module.png"
                                 alt="" />
                            <span>Module Manager</span>
                        </a>
                    </div>
                </div>
                <div class="icon-wrapper">
                    <div class="icon">
                        <a href="index.php?option=com_installer">
                            <img src="images/header/icon-48-extension.png"
                                 alt="" />
                            <span>Extension Manager</span>
                        </a>
                    </div>
                </div>
                <div class="icon-wrapper">
                    <div class="icon">
                        <a href="index.php?option=com_languages">
                            <img src="images/header/icon-48-language.png"
                                 alt="" />
                            <span>Language Manager</span>
                        </a>
                    </div>
                </div>
                <div class="icon-wrapper">
                    <div class="icon">
                        <a href="index.php?option=com_config">
                            <img src="images/header/icon-48-config.png"
                                 alt="" />
                            <span>Global Configuration</span>
                        </a>
                    </div>
                </div>
                <div class="icon-wrapper">
                    <div class="icon">
                        <a href="index.php?option=com_templates">
                            <img src="images/header/icon-48-themes.png"
                                 alt="" />
                            <span>Template Manager</span>
                        </a>
                    </div>
                </div>
                <div class="icon-wrapper">
                    <div class="icon">
                        <a href="index.php?option=com_admin&amp;task=profile.edit">

                            <img src="images/header/icon-48-user-profile.png"
                                 alt="" />
                            <span>Edit profile</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="cpanel-right"></div>
    </body>
</html>
